<template>
    <h1>{{ msg }}</h1>
  <!-- <slotCom></slotCom> -->
  <!-- <showModalCom></showModalCom> -->
  <!-- <mixinsCom></mixinsCom> -->
  <!-- <dynamic></dynamic> -->
    <button @click="com = 'dynamic'">tab选项卡</button>
    <button @click="com = 'mixinsC  om'">混入组件</button>
    <component :is="com"></component>
</template>

<script>
//引入组件
import slotCom from "./components/01组件插槽.vue";
import showModalCom from "./components/03.展示modal组件.vue";
import mixinsCom from "./components/04mixins/inde";
import dynamic from "./components/05.动态组件/基本语法.vue";
//固定语法,这里就是组件的选项
export default {
    data() {
        return {
            msg: "app",
            com: "dynamic",
        };
    },
    components: {
        slotCom,
        showModalCom,
        mixinsCom,
        dynamic,
    },
};
</script>
